<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>纯CSS3简易下拉菜单 可为菜单项定义不同颜色DEMO演示</title>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  
<dropdown>
  <input id="toggle1" type="checkbox" checked>
  <label for="toggle1" class="animate">Editor<i class="fa fa-list float-right"></i></label>
  <ul class="animate">
    <li class="animate">Source<i class="fa fa-code float-right"></i></li>
    <li class="animate">Fullpage<i class="fa fa-arrows-alt float-right"></i></li>
    <li class="animate">Debug<i class="fa fa-cog float-right"></i></li>
  </ul>
</dropdown>

<dropdown>
  <input id="toggle2" type="checkbox">
  <label for="toggle2" class="animate">Editor<i class="fa fa-list float-right"></i></label>
  <ul class="animate">
    <li class="animate">Source<i class="fa fa-code float-right"></i></li>
    <li class="animate">Fullpage<i class="fa fa-arrows-alt float-right"></i></li>
    <li class="animate">Debug<i class="fa fa-cog float-right"></i></li>
  </ul>
</dropdown>
  

<div style="text-align:center;clear:both;margin-bottom:40px;margin-top:80px;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>

</body>
</html>
